<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			#job-title{
				color: #555;
				float: left;
				font-weight: bold;
				max-width: 75%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
			#pay{
				float: right;
				color: #ff6501;
				max-width: 25%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
			#company-name{
				font-weight: 300;
				color: #888;
				font-size: 15px;
				position: absolute;
				left: 15px;
				bottom: 5px;
				max-width: 60%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
			#loc{
				color: #999;
				font-size: 14px;
				position: absolute;
				right: 15px;
				bottom: 5px;
				max-width: 25%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}
			.mui-table-view-chevron .mui-table-view-cell{
				padding-right: 15px;
			}
			#list {
				/*避免导航边框和列表背景边框重叠，看起来像两条边框似得；*/
				margin-top: -1px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<ul id="list" class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">8000</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安区</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">高级前端WEB工程师 Front End Developer</span>
							<span id="pay">20000</span><br /><br />
							<span id="company-name">舒锐贝蒙经济信息咨询(上海)有限公司</span>
							<span id="loc">上海</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">JS前端工程师</span>
							<span id="pay">6000</span><br /><br />
							<span id="company-name">上海申诺伟国际物流有限公司</span>
							<span id="loc">上海-浦东新区</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">移动终端开发工程师(职位编号：FZ05)</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">上海酆泽信息技术有限公司  </span>
							<span id="loc">广州-天河区</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">IOS开发工程师（江苏南通）</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">江苏睿博信息科技有限公司  </span>
							<span id="loc">上海</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">JAVA支付技术经理</span>
							<span id="pay">7500</span><br /><br />
							<span id="company-name">上海申诺伟国际物流有限公司  </span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">JAVA开发主管（上海-闸北）</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">100/天</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
				<li class="mui-table-view-cell">
						<div>
							<span id="job-title">数据库工程师</span>
							<span id="pay">面议</span><br /><br />
							<span id="company-name">文思海辉科技有限公司</span>
							<span id="loc">上海-静安</span>
						</div>
				</li>
			</ul>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js"></script>
		<script type="text/javascript">
			mui.init();
		</script>
	</body>

</html>